<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- <p>
        <label for="">用户名</label>
    </p>
    <p>
        <label for="">密&ensp;&ensp;码</label>
    </p> -->
</body>
<script>
    // &emsp;  全角空格 一个中文大小的空格  
    // &ensp;  半角空格 半个中文大小的空格 
    // &lt;  <
    // &gt;  >

    // n=5 
    // 千千千千锋
    // 千千千锋锋
    // 千千锋锋锋
    // 千锋锋锋锋
    // 锋锋锋锋锋

    // 千   n-1 到  0 
    // 锋   1  到  n;

    var i = 1;
    while (i <= 5) {  //外层循环控制总的循序层数

        var m = 5 - i; // 4      打印千    千  n-1 到  0 
        while (m >= 1) {
            document.write("&emsp;");
            m--;
        }


        var z = 1;     //打印 锋   锋   1  到  n;
        while (z <= i) {
            document.write("锋");
            z++;
        }

        document.write("<br>");
        i++;
    }


    // 打印等腰三角形

    // 千千千千锋
    // 千千千锋锋锋
    // 千千锋锋锋锋锋
    // 千锋锋锋锋锋锋锋
    // 锋锋锋锋锋锋锋锋锋


    // 打印菱形

    // 千千千千锋    9-4-4
    // 千千千锋锋锋  9-3-3     
    // 千千锋锋锋锋锋  9-2-2   
    // 千锋锋锋锋锋锋锋   
    // 锋锋锋锋锋锋锋锋锋 
    // 千锋锋锋锋锋锋锋   
    // 千千锋锋锋锋锋    
    // 千千千锋锋锋       
    // 千千千千锋          












</script>

</html>